{extend name="layout/layout" /}

{block name="pagecss"}
<!--<link href="__STATIC__/plugins/jquery-nestable/jquery.nestable.css" rel="stylesheet" type="text/css" />-->
<link href="__STATIC__/plugins/jquery-minicolors/jquery.minicolors.css" rel="stylesheet" type="text/css" />
<link href="__STATIC__/admin/pages/css/customhome.css" rel="stylesheet" type="text/css" />
<style>
    #sortable {
        height: 600px;
        overflow-y: auto;
    }
</style>
{/block}

{block name="content"}
<div class="row">
    <div class="col-md-12">
        <div class="portlet light">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-share font-dark"></i>
                    <span class="caption-subject font-dark bold uppercase"> 自定义首页 </span>
                </div>
                <div class="actions">
                    <!--<button class="btn blue btn-circle add-module" data-toggle="modal" data-target="#module-modal">
                        <i class="fa fa-plus"></i> 添加模块
                    </button>-->
                </div>
            </div>
            <div class="portlet-body">
                <div class="row relative">
                    <!-- 左侧 -->
                    <div class="col-md-3">
                        <div class="sortable" id="sortable">
                            {notempty name="confList"}
                                <div class="help-block">
                                    <button type="button" class="btn default btn-block add-module" data-type="1">插入模块</button>
                                </div>
                                {volist name="confList" id="item" key="moduleKey"}
                                    {switch name="item.typeId" }
                                        {case value="1"}
                                            <!-- 轮播图 -->
                                            <div class="portlet portlet-sortable box green-haze" id="sortable{$moduleKey}">
                                                <input type="hidden" name="sorting" value="{$item.sorting}">
                                                <input type="hidden" name="typeId" value="{$item.typeId}">
                                                <input type="hidden" name="frameId" value="{$item.id}">
                                                <div class="portlet-title">
                                                    <div class="caption"> 轮播图 </div>
                                                    <div class="actions">
                                                        <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        {/case}
                                        {case value="2"}
                                            <!-- 组合图 -->
                                            <div class="portlet portlet-sortable box green-haze" id="sortable{$moduleKey}">
                                                <input type="hidden" name="sorting" value="{$item.sorting}">
                                                <input type="hidden" name="typeId" value="{$item.typeId}">
                                                <input type="hidden" name="frameId" value="{$item.id}">
                                                <div class="portlet-title">
                                                    <div class="caption"> 组合图 </div>
                                                    <div class="actions">
                                                        <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        {/case}
                                        {case value="3"}
                                            <!-- 推荐内容 -->
                                            <div class="portlet portlet-sortable box green-haze" id="sortable{$moduleKey}">
                                                <input type="hidden" name="sorting" value="{$item.sorting}">
                                                <input type="hidden" name="typeId" value="{$item.typeId}">
                                                <input type="hidden" name="frameId" value="{$item.id}">
                                                <div class="portlet-title">
                                                    <div class="caption"> {$item.name} </div>
                                                    <div class="actions">
                                                        <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        {/case}
                                        {case value="4"}
                                            <!-- 视频 -->
                                            <div class="portlet portlet-sortable box green-haze" id="sortable{$moduleKey}">
                                                <input type="hidden" name="sorting" value="{$item.sorting}">
                                                <input type="hidden" name="typeId" value="{$item.typeId}">
                                                <input type="hidden" name="frameId" value="{$item.id}">
                                                <div class="portlet-title">
                                                    <div class="caption"> 视频 </div>
                                                    <div class="actions">
                                                        <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        {/case}
                                        {case value="5"}
                                            <!-- 分割线 -->
                                            <div class="portlet portlet-sortable box green-haze" id="sortable{$moduleKey}">
                                                <input type="hidden" name="sorting" value="{$item.sorting}">
                                                <input type="hidden" name="typeId" value="{$item.typeId}">
                                                <input type="hidden" name="frameId" value="{$item.id}">
                                                <div class="portlet-title">
                                                    <div class="caption"> 分割线 </div>
                                                    <div class="actions">
                                                        <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        {/case}
                                        {case value="6"}
                                            <!-- 自适应图片 -->
                                            <div class="portlet portlet-sortable box green-haze" id="sortable{$moduleKey}">
                                                <input type="hidden" name="sorting" value="{$item.sorting}">
                                                <input type="hidden" name="typeId" value="{$item.typeId}">
                                                <input type="hidden" name="frameId" value="{$item.id}">
                                                <div class="portlet-title">
                                                    <div class="caption"> 自适应图片 </div>
                                                    <div class="actions">
                                                        <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        {/case}
                                        {case value="7"}
                                            <!-- 按钮导航 -->
                                            <div class="portlet portlet-sortable box green-haze" id="sortable{$moduleKey}">
                                                <input type="hidden" name="sorting" value="{$item.sorting}">
                                                <input type="hidden" name="typeId" value="{$item.typeId}">
                                                <input type="hidden" name="frameId" value="{$item.id}">
                                                <div class="portlet-title">
                                                    <div class="caption"> 按钮导航 </div>
                                                    <div class="actions">
                                                        <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                            <i class="fa fa-pencil"></i>
                                                        </a>
                                                        <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                            <i class="fa fa-trash"></i>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        {/case}
                                    {/switch}
                                    <div class="help-block" style="margin-top: -20px;">
                                        <button type="button" class="btn default btn-block add-module" data-type="2">插入模块</button>
                                    </div>
                                {/volist}
                            {else /}
                                <div class="help-block">
                                    <button class="btn blue btn-circle add-module">
                                        <i class="fa fa-plus"></i> 添加模块
                                    </button>
                                </div>
                            {/notempty}
                        </div>
                        <div class="help-block" style="margin-top: 20px; text-align: center;">
                            <button class="btn btn-info view-module" data-toggle="modal" data-target="#view-modal">
                                <i class="fa fa-eye"></i> 预览
                            </button>
                        </div>
                    </div>

                    <!-- 右侧 -->
                    <div class="col-md-9" id="applet" style="display: none;">
                        {volist name="confList" id="item" key="moduleKey"}
                            {switch name="item.typeId" }
                                {case value="1"}
                                    <!-- 轮播图 -->
                                    <div class="portlet portlet-sortable box green-haze adbanner-block" id="sortable_{$moduleKey}" style="display: none;">
                                        <input type="hidden" name="typeId" value="{$item.typeId}">
                                        <input type="hidden" name="frameId" value="{$item.id}">
                                        <div class="portlet-title">
                                            <div class="caption"> 轮播图 </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="">
                                                <div class="row" style="margin-bottom: 10px;">
                                                    <div class="col-md-6">
                                                        <button type="button" class="btn grey-mint add-block-btn add-adbanner"><i class="fa fa-plus"></i> 添加轮播图</button>
                                                    </div>
                                                </div>
                                                <table id="adbanner-datatable{$moduleKey}" class="table table-bordered table-hover dataTable adbanner-datatable">
                                                    <thead>
                                                    <tr>
                                                        <th>图片</th>
                                                        <th>链接</th>
                                                        <th>排序</th>
                                                        <th>操作</th>
                                                    </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                {/case}
                                {case value="2"}
                                    <!-- 组合图 -->
                                    <div class="portlet portlet-sortable box green-haze combinationImg-block" id="sortable_{$moduleKey}" style="display: none;">
                                        <input type="hidden" name="typeId" value="{$item.typeId}">
                                        <input type="hidden" name="frameId" value="{$item.id}">
                                        <input type="hidden" name="combinationImg" value='{$item.combinationImg}'>
                                        <div class="portlet-title">
                                            <div class="caption"> 组合图 </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="">
                                                <form class="form-horizontal" method="post">
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    背景色
                                                                </label>
                                                                <div class="col-md-6">
                                                                    <input type="text" class="form-control mini-colors" data-control="hue" name="backgroudColor" value="{$item.backgroudColor ?: '#ff6161'}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    组合方式
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <select class="form-control groupType" name="groupType" >
                                                                                <option value="1" > 左一右一 </option>
                                                                                <option value="2" > 左一右二 </option>
                                                                                <option value="3" > 左二右一 </option>
                                                                                <option value="4" > 左二右二 </option>
                                                                                <option value="5" > 左一右四 </option>
                                                                                <option value="6" > 左四右一 </option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    上传图片
                                                                </label>
                                                                <!-- 左一右一 -->
                                                                <div class="col-md-9 group-type groupType1">
                                                                    <div class="h between type-div">
                                                                        <div id="upload-image1-1-{$moduleKey}" class="upload-image upload_image">
                                                                            <span id="upload-btn1-1-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图1</small>
                                                                                </div>
                                                                                <!--<div class="exist-img">
                                                                                    <input type="hidden" class="form-control" name="imgurl" value="">
                                                                                    <img src="__STATIC__/admin/img/default.png" alt="图片上传" />
                                                                                </div>-->
                                                                            </span>
                                                                        </div>
                                                                        <div id="upload-image1-2-{$moduleKey}" class="upload-image upload_image">
                                                                            <span id="upload-btn1-2-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图2</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                    <span class="help-block"> (图1、图2，建议尺寸：340*226) </span>
                                                                </div>
                                                                <!-- 左一右二 -->
                                                                <div class="col-md-9 group-type groupType2" style="display: none;">
                                                                    <div class="h between type-div">
                                                                        <div id="upload-image2-1-{$moduleKey}" class="upload-image upload_image2">
                                                                            <span id="upload-btn2-1-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图1</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                        <div class="v">
                                                                            <div id="upload-image2-2-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                                <span id="upload-btn2-2-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图2</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image2-3-{$moduleKey}" class="upload-image upload_image">
                                                                                <span id="upload-btn2-3-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图3</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <span class="help-block"> (图1，建议尺寸：340*462；图2、图3，建议尺寸：340*226) </span>
                                                                </div>
                                                                <!-- 左二右一 -->
                                                                <div class="col-md-9 group-type groupType3" style="display: none;">
                                                                    <div class="h between type-div">
                                                                        <div class="v">
                                                                            <div id="upload-image3-1-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                                <span id="upload-btn3-1-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图1</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image3-2-{$moduleKey}" class="upload-image upload_image">
                                                                                <span id="upload-btn3-2-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图2</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        <div id="upload-image3-3-{$moduleKey}" class="upload-image upload_image2">
                                                                            <span id="upload-btn3-3-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图3</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                    <span class="help-block"> (图1、图2，建议尺寸：340*226；图3，建议尺寸：340*462) </span>
                                                                </div>
                                                                <!-- 左二右二 -->
                                                                <div class="col-md-9 group-type groupType4" style="display: none;">
                                                                    <div class="h between flex_wrap type-div">
                                                                        <div id="upload-image4-1-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                            <span id="upload-btn4-1-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图1</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                        <div id="upload-image4-2-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                            <span id="upload-btn4-2-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图2</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                        <div id="upload-image4-3-{$moduleKey}" class="upload-image upload_image">
                                                                            <span id="upload-btn4-3-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图3</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                        <div id="upload-image4-4-{$moduleKey}" class="upload-image upload_image">
                                                                            <span id="upload-btn4-4-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图4</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                    <span class="help-block"> (图1、图2、图3、图4，建议尺寸：340*226) </span>
                                                                </div>
                                                                <!-- 左一右四 -->
                                                                <div class="col-md-9 group-type groupType5" style="display: none;">
                                                                    <div class="h between type-div">
                                                                        <div id="upload-image5-1-{$moduleKey}" class="upload-image upload_image2 margin-right-10">
                                                                            <span id="upload-btn5-1-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图1</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                        <div class="h flex_wrap between">
                                                                            <div id="upload-image5-2-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                                <span id="upload-btn5-2-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图2</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image5-3-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                                <span id="upload-btn5-3-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图3</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image5-4-{$moduleKey}" class="upload-image upload_image">
                                                                                <span id="upload-btn5-4-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图4</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image5-5-{$moduleKey}" class="upload-image upload_image">
                                                                                <span id="upload-btn5-5-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图5</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <span class="help-block"> (图1，建议尺寸：223*306；图2、图3、图4、图5，建议尺寸：223*148) </span>
                                                                </div>
                                                                <!-- 左四右一 -->
                                                                <div class="col-md-9 group-type groupType6" style="display: none;">
                                                                    <div class="h between type-div">
                                                                        <div class="h flex_wrap margin-right-10 between">
                                                                            <div id="upload-image6-1-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                                <span id="upload-btn6-1-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图1</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image6-2-{$moduleKey}" class="upload-image upload_image margin-bottom-10">
                                                                                <span id="upload-btn6-2-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图2</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image6-3-{$moduleKey}" class="upload-image upload_image">
                                                                                <span id="upload-btn6-3-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图3</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                            <div id="upload-image6-4-{$moduleKey}" class="upload-image upload_image">
                                                                                <span id="upload-btn6-4-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                    <div class="uploader-div">
                                                                                        <span class="icon">+</span>
                                                                                        <small>图4</small>
                                                                                    </div>
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        <div id="upload-image6-5-{$moduleKey}" class="upload-image upload_image2">
                                                                            <span id="upload-btn6-5-{$moduleKey}" data-multi="false" data-extensions="jpg,jpeg,png" data-max_file_size="10M">
                                                                                <div class="uploader-div">
                                                                                    <span class="icon">+</span>
                                                                                    <small>图5</small>
                                                                                </div>
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                    <span class="help-block"> (图1、图2、图3、图4，建议尺寸：223*148；图5，建议尺寸：223*306) </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    设置链接 <span class="required">*</span>
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div class="row group-link groupLink1">
                                                                        <div class="col-md-2">
                                                                            <input type="text" class="form-control" value="图1" readonly>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <select class="form-control select-links select-links-1" name="groupLink" >
                                                                                {foreach name="links" item="link" key="linkkey"}
                                                                                <option value="{$linkkey}">{$link}</option>
                                                                                {/foreach}
                                                                            </select>
                                                                            <input type="hidden" name="linkCateId" value="" />
                                                                            <input type="hidden" name="linkId" value="" />
                                                                            <input type="hidden" name="displayName" value="" />
                                                                        </div>
                                                                    </div>
                                                                    <div class="row group-link groupLink2">
                                                                        <div class="col-md-2">
                                                                            <label class="control-label"></label>
                                                                            <input type="text" class="form-control" value="图2" readonly>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label class="control-label"></label>
                                                                            <select class="form-control select-links select-links-2" name="groupLink" >
                                                                                {foreach name="links" item="link" key="linkkey"}
                                                                                <option value="{$linkkey}">{$link}</option>
                                                                                {/foreach}
                                                                            </select>
                                                                            <input type="hidden" name="linkCateId" value="" />
                                                                            <input type="hidden" name="linkId" value="" />
                                                                            <input type="hidden" name="displayName" value="" />
                                                                        </div>
                                                                    </div>
                                                                    <div class="row group-link groupLink3" style="display: none;">
                                                                        <div class="col-md-2">
                                                                            <label class="control-label"></label>
                                                                            <input type="text" class="form-control" value="图3" readonly>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label class="control-label"></label>
                                                                            <select class="form-control select-links select-links-3" name="groupLink" >
                                                                                {foreach name="links" item="link" key="linkkey"}
                                                                                <option value="{$linkkey}">{$link}</option>
                                                                                {/foreach}
                                                                            </select>
                                                                            <input type="hidden" name="linkCateId" value="" />
                                                                            <input type="hidden" name="linkId" value="" />
                                                                            <input type="hidden" name="displayName" value="" />
                                                                        </div>
                                                                    </div>
                                                                    <div class="row group-link groupLink4" style="display: none;">
                                                                        <div class="col-md-2">
                                                                            <label class="control-label"></label>
                                                                            <input type="text" class="form-control" value="图4" readonly>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label class="control-label"></label>
                                                                            <select class="form-control select-links select-links-4" name="groupLink" >
                                                                                {foreach name="links" item="link" key="linkkey"}
                                                                                <option value="{$linkkey}">{$link}</option>
                                                                                {/foreach}
                                                                            </select>
                                                                            <input type="hidden" name="linkCateId" value="" />
                                                                            <input type="hidden" name="linkId" value="" />
                                                                            <input type="hidden" name="displayName" value="" />
                                                                        </div>
                                                                    </div>
                                                                    <div class="row group-link groupLink5" style="display: none;">
                                                                        <div class="col-md-2">
                                                                            <label class="control-label"></label>
                                                                            <input type="text" class="form-control" value="图5" readonly>
                                                                        </div>
                                                                        <div class="col-md-4">
                                                                            <label class="control-label"></label>
                                                                            <select class="form-control select-links select-links-5" name="groupLink" >
                                                                                {foreach name="links" item="link" key="linkkey"}
                                                                                <option value="{$linkkey}">{$link}</option>
                                                                                {/foreach}
                                                                            </select>
                                                                            <input type="hidden" name="linkCateId" value="" />
                                                                            <input type="hidden" name="linkId" value="" />
                                                                            <input type="hidden" name="displayName" value="" />
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="col-md-2 pull-right">
                                                            <button type="button" class="btn blue save-btn">
                                                                保存 <i class="fa fa-floppy-o"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                {/case}
                                {case value="3"}
                                    <!-- 推荐内容 -->
                                    <div class="portlet portlet-sortable box green-haze recommend-block" id="sortable_{$moduleKey}" style="display: none;">
                                        <input type="hidden" name="typeId" value="{$item.typeId}">
                                        <input type="hidden" name="frameId" value="{$item.id}">
                                        <div class="portlet-title">
                                            <div class="caption"> {$item.name} </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="">
                                                <form class="form-horizontal" method="post">
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    背景色
                                                                </label>
                                                                <div class="col-md-6">
                                                                    <input type="text" class="form-control mini-colors" data-control="hue" name="backgroudColor" value="{$item.backgroudColor ?: '#ff6161'}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    字体色
                                                                </label>
                                                                <div class="col-md-6">
                                                                    <input type="text" class="form-control mini-colors" data-control="saturation" name="fontColor" value="{$item.fontColor ?: '#0088cc'}">
                                                                    <!--<input type="text" id="position-top-left" class="form-control mini-colors" data-position="top left" value="#0088cc">-->
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row layout-type">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    显示布局
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div class="row">
                                                                        <div class="col-md-8">
                                                                            <select class="form-control layoutType" name="layoutType" >
                                                                                <option value="1" {if condition="($item.layoutType == 1)"}selected="selected"{/if} > 列表布局 </option>
                                                                                <option value="2" {if condition="($item.layoutType == 2)"}selected="selected"{/if}> 方格布局 </option>
                                                                                <option value="3" {if condition="($item.layoutType == 3)"}selected="selected"{/if} > 滑动布局 </option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row show-line" style="display: none;">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    每行显示数量
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <select class="form-control" name="showLineCount" >
                                                                                <option value="2" {if condition="($item.showLineCount == 2)"}selected="selected"{/if} > 2 </option>
                                                                                <option value="3" {if condition="($item.showLineCount == 3)"}selected="selected"{/if} > 3 </option>
                                                                                <option value="4" {if condition="($item.showLineCount == 4)"}selected="selected"{/if} > 4 </option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    显示内容
                                                                </label>
                                                                <div class="col-md-6">
                                                                    <select class="form-control layoutContent" name="layoutContent">
                                                                        {foreach name="layoutContent" item="content" key="contentkey"}
                                                                        <option value="{$contentkey}" {if condition="($item.layoutContent == $contentkey)"}selected="selected"{/if} >{$content}</option>
                                                                        {/foreach}
                                                                    </select>
                                                                </div>
                                                                <div class="col-md-3" style="padding-top: 6px;">
                                                                    <label class="mt-checkbox">
                                                                        <input type="checkbox" name="onlyShowImg" value="1" {if condition="($item.onlyShowImg == 1)"}checked="checked"{/if} > 只显示封面图
                                                                        <span></span>
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row show-count">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    显示数量
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <select class="form-control" name="showCount" >
                                                                                <option value="4" {if condition="($item.showCount == 4)"}selected="selected"{/if} > 4 </option>
                                                                                <option value="6" {if condition="($item.showCount == 6)"}selected="selected"{/if} > 6 </option>
                                                                                <option value="8" {if condition="($item.showCount == 8)"}selected="selected"{/if} > 8 </option>
                                                                                <option value="12" {if condition="($item.showCount == 12)"}selected="selected"{/if} > 12 </option>
                                                                                <option value="18" {if condition="($item.showCount == 18)"}selected="selected"{/if} > 18 </option>
                                                                                <option value="20" {if condition="($item.showCount == 20)"}selected="selected"{/if} > 20 </option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="col-md-2 pull-right">
                                                            <button type="button" class="btn blue save-btn">
                                                                保存 <i class="fa fa-floppy-o"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                {/case}
                                {case value="4"}
                                    <!-- 视频 -->
                                    <div class="portlet portlet-sortable box green-haze video-block" id="sortable_{$moduleKey}" style="display: none;">
                                        <input type="hidden" name="typeId" value="{$item.typeId}">
                                        <input type="hidden" name="frameId" value="{$item.id}">
                                        <div class="portlet-title">
                                            <div class="caption"> 视频 </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="">
                                                <form class="form-horizontal" method="post">
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    背景色
                                                                </label>
                                                                <div class="col-md-6">
                                                                    <input type="text" class="form-control mini-colors" data-control="hue" name="backgroudColor" value="{$item.backgroudColor ?: '#ff6161'}">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    视频标题
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div class="row">
                                                                        <div class="col-md-8">
                                                                            <input type="text" class="form-control" name="frameName" value="{$item.name}" maxlength="20">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    视频封面
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div id="upload-image-{$moduleKey}">
                                                                        <span id="upload-btn-{$moduleKey}" data-multi="false">
                                                                            <div class="exist-img">
                                                                                <input type="hidden" class="form-control" data-required="1" name="imgUrl" value="{$item.imgUrl}">
                                                                                <img src="{$item.imgUrl|default='__STATIC__/admin/img/default.png'}" alt="图片上传" style="width: 100px;height: 100px;" />
                                                                            </div>
                                                                        </span>
                                                                    </div>
                                                                    <span class="help-block"> (建议尺寸：420*225) </span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="form-group">
                                                                <label class="control-label col-md-2">
                                                                    视频文件
                                                                </label>
                                                                <div class="col-md-9">
                                                                    <div id="upload-video-{$moduleKey}">
                                                                        <span id="upload-video-btn-{$moduleKey}" data-multi="false" data-extensions="mp4" data-max_file_size="10M">
                                                                            <div class="uploader-div">
                                                                                {if condition="($item['videoUrl'])"}
                                                                                    <video class="img-responsive" name="imgUrl" src="{$item.videoUrl}" />  <source name="imgUrl" class="img-responsive" src="{$item.videoUrl}" type="video/mp4" /> </video>
                                                                                {else /}
                                                                                    <span class="icon">+</span>
                                                                                    <small></small>
                                                                                {/if}
                                                                            </div>
                                                                        </span>
                                                                    </div>
                                                                    <span class="help-inline">支持mp4格式，大小不超过100M</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row">
                                                        <div class="col-md-2 pull-right">
                                                            <button type="button" class="btn blue save-btn">
                                                                保存 <i class="fa fa-floppy-o"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                {/case}
                                {case value="5"}
                                    <!-- 分割线 -->
                                    <div class="portlet portlet-sortable box green-haze" id="sortable_{$moduleKey}" style="display: none;">
                                        <input type="hidden" name="typeId" value="{$item.typeId}">
                                        <input type="hidden" name="frameId" value="{$item.id}">
                                        <div class="portlet-title">
                                            <div class="caption"> 分割线 </div>
                                        </div>
                                    </div>
                                {/case}
                                {case value="6"}
                                    <!-- 自适应图片 -->
                                    <div class="portlet portlet-sortable box green-haze adaptImg-block" id="sortable_{$moduleKey}" style="display: none;">
                                        <input type="hidden" name="typeId" value="{$item.typeId}">
                                        <input type="hidden" name="frameId" value="{$item.id}">
                                        <div class="portlet-title">
                                            <div class="caption"> 自适应图片 </div>
                                            <div class="actions">
                                                <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                    <i class="fa fa-pencil"></i>
                                                </a>
                                                <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                    <i class="fa fa-trash"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="">
                                                <div class="row" style="margin-bottom: 10px;">
                                                    <div class="col-md-6">
                                                        <button type="button" class="btn grey-mint add-block-btn add-adaptImg"><i class="fa fa-plus"></i> 添加图片</button>
                                                    </div>
                                                </div>
                                                <table id="adaptImg-datatable{$moduleKey}" class="table table-bordered table-hover dataTable adaptImg-datatable">
                                                    <thead>
                                                    <tr>
                                                        <th>图片</th>
                                                        <th>链接</th>
                                                        <!--<th>排序</th>-->
                                                        <th>操作</th>
                                                    </tr>
                                                    </thead>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                {/case}
                                {case value="7"}
                                    <!-- 按钮导航 -->
                                    <div class="portlet portlet-sortable box green-haze buttonNav-block" id="sortable_{$moduleKey}" style="display: none;">
                                        <input type="hidden" name="typeId" value="{$item.typeId}">
                                        <input type="hidden" name="frameId" value="{$item.id}">
                                        <div class="portlet-title">
                                            <div class="caption"> 按钮导航 </div>
                                            <div class="actions">
                                                <a href="javascript:;" class="btn btn-default btn-sm edit-btn">
                                                    <i class="fa fa-pencil"></i>
                                                </a>
                                                <a href="javascript:;" class="btn btn-default btn-sm del-module">
                                                    <i class="fa fa-trash"></i>
                                                </a>
                                            </div>
                                        </div>
                                        <div class="portlet-body">
                                            <div class="">
                                                <div class="row" style="margin-bottom: 10px;">
                                                    <div class="col-md-6">
                                                        <button type="button" class="btn grey-mint add-block-btn add-buttonNav"><i class="fa fa-plus"></i> 添加按钮导航</button>
                                                    </div>
                                                </div>

                                                <table id="buttonNav-datatable{$moduleKey}" class="table table-bordered table-hover dataTable buttonNav-datatable">
                                                    <thead>
                                                    <tr>
                                                        <th>图片</th>
                                                        <th>名称</th>
                                                        <th>链接</th>
                                                        <th>排序</th>
                                                        <th>操作</th>
                                                    </tr>
                                                    </thead>
                                                </table>

                                                <div class="row">
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-2">
                                                                背景色
                                                            </label>
                                                            <div class="col-md-6">
                                                                <input type="text" class="form-control mini-colors" data-control="hue" name="backgroudColor" value="{$item.backgroudColor ?: '#ff6161'}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-6">
                                                        <div class="form-group">
                                                            <label class="control-label col-md-2">
                                                                字体色
                                                            </label>
                                                            <div class="col-md-6">
                                                                <input type="text" class="form-control mini-colors" data-control="saturation" name="fontColor" value="{$item.fontColor ?: '#0088cc'}">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-2 pull-right">
                                                        <button type="button" class="btn blue save-block-btn">
                                                            保存 <i class="fa fa-floppy-o"></i>
                                                        </button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                {/case}
                            {/switch}
                        {/volist}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 模块 弹框 -->
<div class="modal fade" id="module-modal" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                </button>
                <h4 class="modal-title"> 添加模块 </h4>
            </div>
            <div class="modal-body">
                <input type="hidden" class="sorting" value="1">
                <div class="row">
                    <div class="col-md-3 module">
                        <div class="module-list relative">
                            <div class="media">
                                <span class="glyphicon glyphicon-bullhorn"></span>
                            </div>
                            <button type="button" class="btn add-adbanner-block">轮播图</button>
                        </div>
                    </div>
                    <div class="col-md-3 module">
                        <div class="module-list relative">
                            <div class="media">
                                <span class="glyphicon glyphicon glyphicon-th-large"></span>
                            </div>
                            <button type="button" class="btn add-combinationImg-block">组合图</button>
                        </div>
                    </div>
                    <div class="col-md-3 module">
                        <div class="module-list relative">
                            <div class="media">
                                <span class="glyphicon glyphicon-th"></span>
                            </div>
                            <button type="button" class="btn add-recommend-block">内容板块</button>
                        </div>
                    </div>
                    <div class="col-md-3 module">
                        <div class="module-list relative">
                            <div class="media">
                                <span class="glyphicon glyphicon-facetime-video"></span>
                            </div>
                            <button type="button" class="btn add-video-block">视频</button>
                        </div>
                    </div>
                    <div class="col-md-3 module">
                        <div class="module-list relative">
                            <div class="media">
                                <span class="glyphicon glyphicon-picture"></span>
                            </div>
                            <button type="button" class="btn add-adaptImg-block">自适应图片</button>
                        </div>
                    </div>
                    <div class="col-md-3 module">
                        <div class="module-list relative">
                            <div class="media">
                                <span class="glyphicon glyphicon-circle-arrow-right"></span>
                            </div>
                            <button type="button" class="btn add-buttonNav-block">按钮导航</button>
                        </div>
                    </div>
                    <div class="col-md-3 module">
                        <div class="module-list relative">
                            <div class="media">
                                <span class="glyphicon glyphicon-resize-horizontal"></span>
                            </div>
                            <button type="button" class="btn add-dividingline-block">分割线</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>

<!-- 预览 弹框 -->
<div class="modal fade preview" id="view-modal" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body relative">
                <img src="__STATIC__/admin/pages/img/bg.png" alt="手机预览图" />
                <div class="viewCon">
                    {volist name="confList" id="item" key="moduleKey"}
                        {switch name="item.typeId" }
                            {case value="1"}
                                <!-- 轮播图 -->
                                <div id="myCarousel" class="carousel slide relative my-carousel-{$moduleKey}">
                                    <!-- 轮播（Carousel）指标 -->
                                    <ol class="carousel-indicators">

                                    </ol>
                                    <!-- 轮播（Carousel）项目 -->
                                    <div class="carousel-inner">

                                    </div>
                                </div>
                            {/case}
                            {case value="2"}
                                <!-- 组合图 -->
                                <div class="combination-img-{$moduleKey} combination-img">
                                    <input type="hidden" name="combinationImg" value='{$item.combinationImg}'>
                                    <!-- 左一右一  -->
                                    <div class="relative imgArray h between margin_con type1" style="display: none;">
                                        <img class="imga" src="">
                                        <img class="imga" src="">
                                    </div>
                                    <!-- 左一右二  -->
                                    <div class="relative imgArray h between margin_con type2" style="display: none;">
                                        <img class="imgb" src="">
                                        <div class="v">
                                            <img class="imga margin-bottom-5" src="">
                                            <img class="imga" src="">
                                        </div>
                                    </div>
                                    <!-- 左二右一  -->
                                    <div class="relative imgArray h between margin_con type3" style="display: none;">
                                        <div class="v">
                                            <img class="imga margin-bottom-5" src="">
                                            <img class="imga" src="">
                                        </div>
                                        <img class="imgb" src="">
                                    </div>
                                    <!-- 左二右二  -->
                                    <div class="relative imgArray h between margin_con flex_wrap type4" style="display: none;">
                                        <img class="imga margin-bottom-5" src="">
                                        <img class="imga margin-bottom-5" src="">
                                        <img class="imga" src="">
                                        <img class="imga" src="">
                                    </div>
                                    <!-- 左一右四  -->
                                    <div class="relative imgArray h between margin_con type5" style="display: none;">
                                        <img class="imgc" src="">
                                        <div class="h flex_wrap between con">
                                            <img class="imgd margin-bottom-5" src="">
                                            <img class="imgd margin-bottom-5" src="">
                                            <img class="imgd" src="">
                                            <img class="imgd" src="">
                                        </div>
                                    </div>
                                    <!-- 左四右一  -->
                                    <div class="relative imgArray h between margin_con type6" style="display: none;">
                                        <div class="h flex_wrap between con">
                                            <img class="imgd margin-bottom-5" src="">
                                            <img class="imgd margin-bottom-5" src="">
                                            <img class="imgd" src="">
                                            <img class="imgd" src="">
                                        </div>
                                        <img class="imgc" src="">
                                    </div>
                                </div>
                            {/case}
                            {case value="3"}
                                <!-- 推荐内容 -->
                                <div class="recommend-con-{$moduleKey}">
                                    {switch name="item.layoutType"}
                                        {case value="1"}
                                            <!-- 列表布局  -->
                                            <div class="recommendCon type1 margin_con relative">
                                            {volist name="item.contentList" id="recommend"}
                                                <div class="list h relative">
                                                    <img src="{$recommend.imgUrl}">
                                                    <div class="txt relative">
                                                        <h4 class="text_1_ellipsis">{$recommend.name}</h4>
                                                        <p class="p_bottom">{$recommend.createDate}</p>
                                                    </div>
                                                </div>
                                            {/volist}
                                            </div>
                                        {/case}
                                        {case value="2"}
                                            <!-- 方格布局 -->
                                            <div class="recommendCon h flex_wrap type2 margin_con relative {if condition='($item.showLineCount == 2)'}between{/if}">
                                            {volist name="item.contentList" id="recommend"}
                                                <div class="list{$item.showLineCount} v relative">
                                                    <img src="{$recommend.imgUrl}">
                                                    <h4 class="text_1_ellipsis">{$recommend.name}</h4>
                                                </div>
                                            {/volist}
                                            </div>
                                        {/case}
                                        {case value="3"}
                                            <!-- 滑动布局 -->
                                            <div class="recommendCon type3 margin_con relative" style="width: calc(100% - 14px);height:139px;overflow-x: auto;">
                                                {php}$width = count($item['contentList']) * 124;{/php}
                                                <ul style="width: {$width}px;">
                                                {volist name="item.contentList" id="recommend"}
                                                    <li class="list v relative">
                                                        <img src="{$recommend.imgUrl}">
                                                        <h4 class="text_2_ellipsis">{$recommend.name}</h4>
                                                    </li>
                                                {/volist}
                                                </ul>
                                            </div>
                                        {/case}
                                    {/switch}
                                </div>
                            {/case}
                            {case value="4"}
                                <!-- 视频 -->
                                <div>
                                    <video controls src="{$item.videoUrl}"></video>
                                </div>
                            {/case}
                            {case value="5"}
                                <!-- 分割线 -->
                                <div class="bor"></div>
                            {/case}
                            {case value="6"}
                                <!-- 自适应图片 -->
                                <div class="adapt-img-{$moduleKey}">

                                </div>
                            {/case}
                            {case value="7"}
                                <!-- 按钮导航 -->
                                <div class="h flex_wrap relative iconArea button-nav-{$moduleKey}">

                                </div>
                            {/case}
                        {/switch}
                    {/volist}
                </div>
            </div>
            <div class="modal-footer" style="text-align: center;">
                <button type="button" class="btn default" data-dismiss="modal">退出</button>
            </div>
        </div>
    </div>
</div>

<!-- 弹框层-->
<div class="link-modal" >
    {include file="common/link_modal" /}
</div>

<input type="hidden" class="token_url" value="{:url('admin/Image/token')}">
<input type="hidden" class="record_url" value="{:url('admin/Image/record')}">
<input type="hidden" class="delimage_url" value="{:url('admin/Image/delete')}">
{/block}

{block name="pagescript"}
<script>
    var saveFrameconf_url = "{:url('admin/customhome/saveFrameconf')}"; // 保存模块数据
    var delFrameconf_url = "{:url('admin/customhome/delFrameconf')}"; // 删除模块
    var sort_url = "{:url('admin/customhome/sort')}"; // 拖动排序
    var componentList_url = "{:url('admin/customhome/componentList')}"; // 根据frameId查询组件具体内容
    var saveComponent_url = "{:url('admin/customhome/saveComponent')}"; // 保存小程序组件内容
    var delComponent_url = "{:url('admin/customhome/delComponent')}"; // 删除小程序组件内容

    var saveVideo_url = "{:url('admin/customhome/saveVideo')}"; // 保存视频组件内容
</script>
<script src="__STATIC__/admin/js/qiniu/plupload.full.min.js" type="text/javascript"></script>
<script src="__STATIC__/admin/js/qiniu/qiniu.js" type="text/javascript"></script>
<script src="__STATIC__/admin/js/qiniu/custom.js" type="text/javascript"></script>
<script src="__STATIC__/admin/js/qiniu/qiniuConfig.js" type="text/javascript"></script>

<!--<script src="__STATIC__/plugins/jquery-nestable/jquery.nestable.js" type="text/javascript"></script>-->
<script src="__STATIC__/plugins/jquery-minicolors/jquery.minicolors.min.js" type="text/javascript"></script>
<script src="__STATIC__/admin/js/jquery-ui.min.js" type="text/javascript"></script>
<script src="__STATIC__/admin/pages/js/customhome.js" type="text/javascript"></script>
<script src="__STATIC__/admin/pages/js/select_link.js" type="text/javascript"></script>
{/block}